<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
        <title>Superellipsoid Generator</title>

        <script id="vertex-shader" type="x-shader/x-vertex">
			attribute vec3 vPosition;
            uniform mat4 modelView;
			uniform mat4 projection;
            void main()
            {
                gl_Position = projection * modelView * vec4(vPosition, 1.0);
            }
        </script>

        <script id="fragment-shader" type="x-shader/x-fragment">
            precision mediump float;
			uniform samplerCube texMap;
            void main()
            {
				gl_FragColor = vec4(0,0,1,1);
            }
        </script>

        <script type="text/javascript" src="webgl-utils.js"></script>
        <script type="text/javascript" src="initShaders.js"></script>
        <script type="text/javascript" src="MV.js"></script>
		<script type="text/javascript" src="teaSetData.js"></script> 
        <script type="text/javascript" src="superellipsoidWireframe.js"></script>
    </head>

    <body>
        <canvas id="gl-canvas" width="512" height="512">
            Oops ... your browser doesn't support the HTML5 canvas element
        </canvas>
        <div>
            Shape:
            <select id="shape-select">
                <option value="superellipsoid">Superellipsoid</option>
				<option value="teapot">Teapot</option>
            </select>
        </div>
        <div>
            n1: 
            <select id="superquadric-constant-n1">
                <option value="10.0">10.0</option>
                <option value="2.0" selected="selected">2.0</option>
                <option value="1.11">1.11</option>
                <option value="0.77">0.77</option>
                <option value="0.59">0.59</option>
            </select>
        </div>
        <div>
            n2: 
            <select id="superquadric-constant-n2">
                <option value="10.0">10.0</option>
                <option value="2.0" selected="selected">2.0</option>
                <option value="1.11">1.11</option>
                <option value="0.77">0.77</option>
                <option value="0.59">0.59</option>
            </select>
        </div>
        <div>
            a: <input id="superquadric-constant-a" type="number" value="1" min="0" max="10" step="0.1" />
        </div>
        <div>
            b: <input id="superquadric-constant-b" type="number" value="1" min="0" max="10" step="0.1" />
        </div>
        <div>
            c: <input id="superquadric-constant-c" type="number" value="1" min="0" max="10" step="0.1" />
        </div>
        <div>
            FOV: <input id="fov" type="number" value="3" min="1" max="180"/>
        </div>

    </body>
</html>
